﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>Bistro Foods</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="shortcut icon" href="../static/img/fav.png">
        <meta name="author" content="colorlib">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta charset="UTF-8"> 

        <link href="../static/css/linearicons.css" rel="stylesheet">
        <link href="../static/css/font-awesome.min.css" rel="stylesheet">
        <link rel="stylesheet" href="../static/css/bootstrap.css">
        <link rel="stylesheet" href="../static/css/magnific-popup.css">
        <link rel="stylesheet" href="../static/css/jquery-ui.css">
        <link rel="stylesheet" href="../static/css/nice-select.css">
        <link rel="stylesheet" href="../static/css/animate.min.css">
        <link rel="stylesheet" href="../static/css/owl.carousel.css">
        <link rel="stylesheet" href="../static/css/style.css">

        <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Ephesis&display=swap" rel="stylesheet">
    </head>
        <body>           
            <header id="header">
                <div class="container main-menu">
                    <div class="row">
                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                            <a class="navbar-brand" href="index.html">Bistro Foods</a>
                        </div>
                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                            <div class="row align-items-center justify-content-center d-flex">
                                <nav id="nav-menu-container">
                                    <ul class="nav-menu">
                                        <li><a href="../templates/index.html">首页</a></li>
                                        <li><a href="about.html">关于</a></li>
                                        <li><a href="menu.html">菜单</a></li>
                                        <li><a href="gallery.html">图画</a></li>
                                        <li><a href="contact.html">联系：订餐</a></li>
                                    </ul>
                                </nav>
                                <!-- #nav-menu-container -->					      		  
                            </div>
                        </div>
                    </div>    
                </div>
            </header>
            <!-- #header -->
			
            <!-- start banner Area -->
            <section class="about-banner relative">
                <div class="overlay overlay-bg"></div>
                <div class="container">				
                    <div class="row d-flex align-items-center justify-content-center">
                        <div class="about-content col-lg-12">
                            <h1 class="text-white">
                                菜单
                            </h1>	
                            <p class="text-white link-nav"><a href="index.html">首页 </a>  <span class="lnr lnr-arrow-right"></span>  <a href="menu.html"> 菜单</a></p>
                        </div>	
                    </div>
                </div>
            </section>
            <!-- End banner Area -->			

            <!-- Start Menu Area -->
            <section class="menu-area section-gap" id="menu">
                <div class="container-fluid">	
                    <ul class="filter-wrap filters col-lg-12 no-padding">
                        <li class="active" data-filter="*">All Menu</li>
                        <li data-filter=".breakfast">Breakfast</li>
                        <li data-filter=".lunch">Lunch</li>
                        <li data-filter=".dinner">Dinner</li>
                        <li data-filter=".desserts">Desserts</li>
                        <li data-filter=".salad">Salad</li>
                        <li data-filter=".winecard">Wine Card</li>
                    </ul>
                </div>
                <div class="container">
                    <div class="filters-content">
                        <div class="row grid">
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all breakfast">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/breakfast/breakfast1.png" alt="Beef Roast Source"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Beef Roast Source</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$29</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Meat</span>, <span>Potatoes</span>, 
                                        <span>Rice</span>, <span>Tomatoe</span>
                                    </p>                                       
                                </div>					                               
                            </div>                           
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all breakfast">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/breakfast/breakfast2.png" alt="Tomato Toast with Macadamia"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Tomato Toast with Macadamia</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$19</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Meat</span>, <span>Potatoes</span>, <span>Rice</span>, <span>Tomatoe</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all breakfast">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/breakfast/breakfast3.png" alt="Avocado Toast with Egg"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Avocado Toast with Egg</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$10</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Meat</span>, <span>Eggs</span>, <span>Avocado</span>, <span>Tomatoe</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all lunch">
                                <div class="single-menu">
                                    <div class="menu-image"> 
                                        <img src="../static/img/lunch/lunch1.png" alt="Semolina Crusted Calamari"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Semolina Crusted Calamari</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$9</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Basil</span>, <span>Pesto</span>, <span>Rice</span>, <span>Tomatoe</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all lunch">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/lunch/lunch2.png" alt="Baby Spinach Salad"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Baby Spinach Salad</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$11</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Candied Pecans</span>, <span>Dried Cherries</span>, <span>Red Onions</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all lunch">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/lunch/lunch3.png" alt="Kale Crunch Chop Salad"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Kale Crunch Chop Salad</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$13</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Blue Cheese</span>, <span>Red Onion</span>, <span>Cucumbers</span>, <span>Tomatoe</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all dinner">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/dinner/dinner1.png" alt="Cracked Black Pepper"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Cracked Black Pepper</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$9</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Pecorino</span>, <span>Potatoes</span>, <span>Tomatoe</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all dinner">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/dinner/dinner2.png" alt="Tuscan Kale Caesar"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Tuscan Kale Caesar</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$19</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Herb Bread Crumbs</span>, <span>Pecorino</span>, <span>Lemon</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all dinner">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/dinner/dinner3.png" alt="Crispy Fried Green Tomato"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Crispy Fried Green Tomato</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$29</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Collard Greens</span>, <span>Potatoes</span>, <span>Rice</span>, <span>Tomatoe</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all desserts">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/dessert/dessert1.png" alt="Chocolate Peanut Butter"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Chocolate Peanut Butter</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$22</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Vanilla</span>, <span>Ice-Cream</span>, <span>Chocolate Sauce</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all desserts">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/dessert/dessert2.png" alt="Creamy New York Style Cheesecake"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Creamy New York Style Cheesecake</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$21</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Honest</span>, <span>Whipped Cream</span>, <span>Berries</span>, <span>Melba Sauce</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all desserts">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/dessert/dessert3.png" alt="Warm Chocolate Decadence Cake"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Warm Chocolate Decadence Cake</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$22</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Honest Whipped Cream</span>, <span>Bittersweet</span>, <span>Caramelized</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all salad">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/salad/salad1.png" alt="Vegetable Salad 5 Way"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Vegetable Salad 5 Way</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$34</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Dressing</span>, <span>Honey</span>, <span>Lemon</span>, <span>Herb</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all salad">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/salad/salad2.png" alt="Mango Avocado Quinoa Salad Bowl"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Mango Avocado Quinoa Salad Bowl</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$28</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Mango</span>, <span>Herb</span>, <span>Avocado</span>, <span>Red Quinoa</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all salad">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/salad/salad3.png" alt="Sweet Potato Black Bean and Quinoa Salad"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Sweet Potato Black Bean Salad</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$15</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Avocado</span>, <span>Ranch</span>, <span>Green leaf lettuce</span>, <span>Pepper</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all winecard">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/wine/wine1.png" alt="Cabernet Sauvignon 2018, Rodney Strong"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Cabernet Sauvignon 2018, Rodney Strong</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$9</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Meat</span>, <span>Potatoes</span>, 
                                        <span>Rice</span>, <span>Tomatoe</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all winecard">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/wine/wine2.png" alt="Chardonnay 2018, Le Moulin du Pont, Domaine Auvigue"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Chardonnay 2018, Le Moulin du Pont</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$19</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Meat</span>, <span>Potatoes</span>, 
                                        <span>Rice</span>, <span>Tomatoe</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all winecard">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/wine/wine3.png" alt="Riesling 2012, Pewsey Vale Museum, The Contours"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>Riesling 2012, Pewsey Vale Museum</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">$27</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Meat</span>, <span>Potatoes</span>, 
                                        <span>Rice</span>, <span>Tomatoe</span>
                                    </p>									
                                </div>
                            </div>                           
                        </div>
                    </div>                   
                </div>
            </section>
            <!-- End menu-area Area -->							

            <!-- Start reservation Area -->
            <section class="reservation-area section-gap relative ftco-section ftco-intro" style="background-image: url(../static/img/slider/hotdeal.png);">
                <div class="overlay overlay-bg"></div>
                <div class="container">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-lg-6 reservation-left">
                            <h1 class="text-white">Reserve Your Seats
                            to Confirm if You Come
                            with Your Family</h1>
                            <p class="text-white pt-20">
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
                            </p>
                        </div>
                        <div class="col-lg-5 reservation-right">
                            <form class="form-wrap text-center" action="#">
                                <input type="text" class="form-control" name="name" placeholder="Your Name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Name'" >
                                <input type="email" class="form-control" name="email" placeholder="Your Email Address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Email Address'" >
                                <input type="text" class="form-control" name="phone" placeholder="Phone Number" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Phone Number'" >		
                                <input type="text" class="form-control date-picker" name="date" placeholder="Select Date & time" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Select Date & time'" >									
                                <div class="form-select" id="service-select">
                                    <select>
                                        <option data-display="">Select Event</option>
                                        <option value="1">Event One</option>
                                        <option value="2">Event Two</option>
                                        <option value="3">Event Three</option>
                                        <option value="4">Event Four</option>
                                    </select>
                                </div>									
                                <button class="primary-btn text-uppercase mt-20">Make Reservation</button>
                            </form>
                        </div>
                    </div>
                </div>	
            </section>
            <!-- End reservation Area -->				

            <!-- start footer Area -->		
            <footer class="footer-area">
                <div class="footer-widget-wrap">
                    <div class="container">
                        <div class="row section-gap">
                            <div class="col-lg-4  col-md-6 col-sm-6">
                                <div class="single-footer-widget">
                                    <h4>Opening Hours</h4>
                                    <ul class="hr-list">
                                        <li class="d-flex justify-content-between">
                                            <span>Monday - Friday</span> <span>08.00 am - 10.00 pm</span>
                                        </li>
                                        <li class="d-flex justify-content-between">
                                            <span>Saturday</span> <span>08.00 am - 10.00 pm</span>
                                        </li>
                                        <li class="d-flex justify-content-between">
                                            <span>Sunday</span> <span>08.00 am - 10.00 pm</span>
                                        </li>																				
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-4  col-md-6 col-sm-6">
                                <div class="single-footer-widget">
                                    <h4>Contact Us</h4>
                                    <p>
                                        65 Thomas Street,New York 10016
                                    </p>
                                    <p class="number">
                                        (+1) 234 567 8901 <br>
                                        (+1) 234 567 8807
                                    </p>
                                    <p class="email">
                                        restaurant@website.com
                                    </p>
                                </div>
                            </div>						
                            <div class="col-lg-4  col-md-6 col-sm-6">
                                <div class="single-footer-widget">
                                    <h4>Newsletter</h4>
                                    <p>You can trust us. we only send promo offers, not a single spam.</p>
                                    <div class="d-flex flex-row" id="mc_embed_signup">
                                        <form class="navbar-form" action="#" method="get">
                                            <div class="input-group add-on align-items-center d-flex">
                                                <input class="form-control" name="email" placeholder="Your Email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Email address'" required="" type="email">
                                                <div style="position: absolute; left: -5000px;">
                                                    <input name="email" tabindex="-1" value="" type="text">
                                                </div>
                                                <div class="input-group-btn">
                                                    <button class="genric-btn"><span class="lnr lnr-arrow-right"></span></button>
                                                </div>
                                            </div>
                                            <div class="info mt-20"></div>
                                        </form>
                                    </div>
                                </div>
                            </div>						
                        </div>					
                    </div>					
                </div>
                <div class="footer-bottom-wrap">
                    <div class="container">
                        <div class="row footer-bottom d-flex justify-content-between align-items-center">
                            <p class="col-lg-8 col-md-6 col-sm-6 footer-text m-0">
                                Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights By <a href="http://www.bootstrapmb.com/">bootstrapmb</a> |
                            </p>
                            <ul class="col-lg-4 col-md-6 col-sm-6 social-icons text-right">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                                <li><a href="#"><i class="fa fa-pinterest-square" aria-hidden="true"></i></a></li>            
                            </ul>
                        </div>						
                    </div>
                </div>
            </footer>
            <!-- End footer Area -->	

            <script src="../static/js/vendor/jquery-2.2.4.min.js"></script>
            <!--<script src="js/popper.min.js"></script>
            <script src="js/vendor/bootstrap.min.js"></script>			
            <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDcfEdcYv9wIuEaCZnhuEowbh0Xc3G0OAQ"></script>-->		
            <script src="../static/js/jquery-ui.js"></script>
            <script src="../static/js/easing.min.js"></script>
            <script src="../static/js/hoverIntent.js"></script>
            <script src="../static/js/superfish.min.js"></script>
            <script src="../static/js/jquery.ajaxchimp.min.js"></script>
            <script src="../static/js/jquery.magnific-popup.min.js"></script>
            <script src="../static/js/jquery.nice-select.min.js"></script>
            <script src="../static/js/owl.carousel.min.js"></script>
            <script src="../static/js/isotope.pkgd.min.js"></script>
            <script src="../static/js/mail-script.js"></script>
            <script src="../static/js/main.js"></script>
            <script src="../static/js/scroll.js"></script>
    </body>
</html>